<!--
 * @Author: 鱿鱼溪学院
 * @Date: 2025-11-06 23:58:49
 * @LastEditTime: 2025-11-07 00:04:50
 * @LastEditors: 鱿鱼溪学院
 * @Description: 
 * @FilePath: \vue-cool\src\components\ImageTest.vue
 * Copyright 鱿鱼溪学院 by edu v1.0
 * 天道酬勤
-->
<template>
  <div class="image-test">
    <h3>图片测试</h3>
    <div style="margin-bottom: 20px">
      <h4>导入方式测试 1:</h4>
      <img :src="importedImage1" alt="导入图片1" style="max-width: 300px" />
    </div>
    <div>
      <h4>导入方式测试 2:</h4>
      <img :src="importedImage2" alt="导入图片2" style="max-width: 300px" />
    </div>
  </div>
</template>

<script setup lang="ts">
import importedImage1 from "@/assets/img/feiji.jpg";
import importedImage2 from "@/assets/img/jundui.png";
console.log("导入的图片1路径:", importedImage1);
console.log("导入的图片2路径:", importedImage2);
</script>

<style scoped>
.image-test {
  padding: 20px;
  background-color: #f5f5f5;
  margin: 20px;
}
</style>
